<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>三星首页</title>
    <meta name="description"
        content="品优购-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
    <!-- 网站介绍  -->
    <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,品优购" />
    <!-- 关键词 -->
    <!-- <link rel="shortcut icon" href="javascript"> -->
    <!-- 引入favicon图标 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入初始化css -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入公共css -->
    <link rel="stylesheet" href="css/index.css">
    <!-- 引入当前页面css -->
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2708843_bu0zjq7s327.css">
    <script src="js/jquery.min.js"></script>
    <!--animatr js 要放到 index.js的上面  -->
    <script src="js/animatr.js"></script>

    <script src="js/index.js"></script>
    <script src="js/funlazy.min.js"></script>

</head>

<body>
    <!-- 头部广告模块 -->
    <div class="notices">
        <div class="notice__inner">
            <a href="#">
                <img src="upload/gg.jpg" alt="">
            </a>
            <button class="notice_close">
                <img src="upload/ggg.png" alt="">
            </button>

        </div>

    </div>
    
    <!--头部广告模块  -->
    <!--  头部-->
    <div class="headerNav w">
        <div class="leftNav"></div>
        <ul class="rightNav">
            <li class="lis1"><a href="#">三星官网</a> </li>
            <li class="lis2"><a href="#">盖乐世社区</a></li>
            <li class="lis3"><a href="#">三星网上商城VIP用户专属服务上线 <i class="ico_dh van-icon "></i></a> </li>
            <li class="lis4"> <i class="ico_dh van-icon"></i>400 071 8899</li>
        </ul>
    </div>
    <!-- 侧边导航栏 -->
    <div class="navitems">
        <div class="navitems_t">
            <i class="van-icon"></i>
            <span>返回顶部</span>
        </div>
        <ul class="navitems_b">
            <li>
                <a href="javascript:;">
                    <img src="images/icc1.png" alt="">
                    <span>购物车</span>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="images/icc2.png" alt="">
                    <span>个人中心</span>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="images/icc3.png" alt="">
                    <span>下载APP</span>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="images/icc4.png" alt="">
                    <span>在线客服</span>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="images/icc5.png" alt="">
                    <span>公众号</span>
                </a>
            </li>


        </ul>

    </div>
    <!-- 导航栏模块 start -->
    <div class="nav_box w">
        <h1><a href="index.html" class="gnb_log"></a><span data-v-f50da574="" class="hidden">Samsung</span></h1>
        <ul class="gnb_depth1" role="menubar">
            <li class="gnb__depth1-menu"><a href="#" class="gnb__depth1-link">智能手机</a></li>
            <li class="gnb__depth1-menu"><a href="#" class="gnb__depth1-link">可穿戴设备</a></li>
            <li class="gnb__depth1-menu"><a href="#" class="gnb__depth1-link">平板/电脑/储存</a></li>
            <li class="gnb__depth1-menu"><a href="#" class="gnb__depth1-link">智能产品配件</a></li>
            <li class="gnb__depth1-menu"><a href="#" class="gnb__depth1-link">电影/影音/显示器</a></li>

        </ul>
        <div class="gnb__sub">
            <ul class="gnb__utility">
                <li class="li_inp">
                    <input type="text" class="search_ipt" value="超级星期三">
                    <button class="van-icon search_ipt_btn"></button>
                </li>
                <li class="gwc">
                    <a href="#"><img src="images/gouwuc.svg" alt="购物车" title="购物车"></a>
                </li>
                <li class="dl_zc"> <span><a href="sign.html">登录</a></span>/<span><a href="register.html">注册</a></span>
                </li>
            </ul>
        </div>
    </div>
   

    <!--运动模块 start  -->
    <div class="swiper w clearfix">
        <!-- 滚动区域 -->
        <ul>
            <li>
                <a href="javascript:;">
                    <img src="upload/bannermax.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="upload/bannermax2.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="upload/bannermax3.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="upload/bannermax4.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="upload/bannermax5.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="upload/bannermax6.jpg" alt="">
                </a>
            </li>
        </ul>
        <!-- 左按钮 -->
        <div class="swiper_button_prev"></div>
        <!-- 右按钮 -->
        <div class="swiper_button_next"></div>

        <!-- 小竖杠 -->
        <ol class="swiper_button_bottom clearfix">

        </ol>
        <i class="van-icon zt_button"><img class="zt_button_img" src="images/zt.png" alt=""></i>
    </div>
    <!-- 小图标 导航模块 start -->
    <div class="icon_content_nav w">
        <div class="icon-item-nav ">
            <a target="_blank"><img src="images/ic1.png" alt="智能手机" class="icon-img-nav">
                <div class="icon-title">智能手机</div>
            </a>
        </div>
        <div class="icon-item-nav ">
            <a target="_blank"><img src="images/ic2.png" alt="智能手机" class="icon-img-nav">
                <div class="icon-title">可穿戴设备</div>
            </a>
        </div>
        <div class="icon-item-nav ">
            <a target="_blank"><img src="images/ic3.png" alt="智能手机" class="icon-img-nav">
                <div class="icon-title">智能平板</div>
            </a>
        </div>
        <div class="icon-item-nav ">
            <a target="_blank"><img src="images/ic4.png" alt="智能手机" class="icon-img-nav">
                <div class="icon-title">智能配件</div>
            </a>
        </div>
        <div class="icon-item-nav ">
            <a target="_blank"><img src="images/ic5.png" alt="智能手机" class="icon-img-nav">
                <div class="icon-title">个人电脑</div>
            </a>
        </div>
        <div class="icon-item-nav ">
            <a target="_blank"><img src="images/ic6.png" alt="智能手机" class="icon-img-nav">
                <div class="icon-title">电视</div>
            </a>
        </div>
        <div class="icon-item-nav ">
            <a target="_blank"><img src="images/ic7.png" alt="智能手机" class="icon-img-nav">
                <div class="icon-title">储存产品</div>
            </a>
        </div>
        <div class="icon-item-nav ">
            <a target="_blank"><img src="images/ic8.png" alt="智能手机" class="icon-img-nav">
                <div class="icon-title">显示器</div>
            </a>
        </div>
        <div class="icon-item-nav ">
            <a target="_blank"><img src="images/ic9.png" alt="智能手机" class="icon-img-nav">
                <div class="icon-title">影音产品</div>
            </a>
        </div>

    </div>
    <!-- 推荐模块 start -->
    <div class="tuijian-content w">
        <div><a href="#"><img src="upload/img1.png" alt=""></a></div>
        <div><a href="#"><img src="upload/img2.png" alt=""></a></div>
        <div><a href="#"><img src="upload/img3.png" alt=""></a></div>
    </div>

    <!--  横幅部分 start-->
    <div class="banner w">
        <a href="#"><img src="upload/baner1.jpg" alt=""></a>
    </div>
    <!--新品区模块 start -->
    <div class="w">
        <div class="new_content">
            <div class="tt">新品区</div>
            <div class="tb">
                <div class="new_l">
                    <div class="img_box"><a href="product.html"><img src="upload/newimg1.jpg" alt=""></a>
                    </div>
                    <h3>Galaxy F52 5G <span>薄暮黑</span></h3>
                    <p>新品首销 享 <span class="jiacu">3</span>期<span class="jiacu">0</span>利率</p>
                    <p class="blue jiacu">￥1,999.00</p>
                </div>
                <div class="new_r">

                    <ul>
                        <li>
                            <div class="img_min_box"><img src="upload/newimg2.jpg" alt=""></div>
                            <h3>Galaxy S21 Ultra 5G <span> 幽夜黑</span></h3>
                            <p>至高 <span class="jiacu">12</span>期<span class="jiacu">0</span>利率</p>
                            <p class="blue jiacu">￥9,699.00</p>

                        </li>
                        <li>
                            <div class="img_min_box"><img src="upload/newimg3.jpg" alt=""></div>
                            <h3>Galaxy F52 5G <span>薄暮黑</span></h3>
                            <p>新品首销 享 <span class="jiacu">3</span>期<span class="jiacu">0</span>利率</p>
                            <p class="blue jiacu">￥1,999.00</p>

                        </li>
                        <li>
                            <div class="img_min_box"><img src="upload/newimg4.jpg" alt=""></div>
                            <h3>Galaxy F52 5G <span>薄暮黑</span></h3>
                            <p>新品首销 享 <span class="jiacu">3</span>期<span class="jiacu">0</span>利率</p>
                            <p class="blue jiacu">￥1,999.00</p>

                        </li>
                        <li>
                            <div class="img_min_box"><img src="upload/newimg5.jpg" alt=""></div>
                            <h3>Galaxy F52 5G <span>薄暮黑</span></h3>
                            <p>新品首销 享 <span class="jiacu">3</span>期<span class="jiacu">0</span>利率</p>
                            <p class="blue jiacu">￥1,999.00</p>

                        </li>

                    </ul>
                </div>
            </div>
        </div>

    </div>
    <!--智能手机模块 -->
    <div class="w">
        <div class="shouji">
            <div class="shouji_tt">
                <div class="tt_l">智能手机
                </div>
                <div class="tt_r">查看更多 <i class="tt_r_icon van-icon"></i></div>
            </div>

            <div class="shouji_tb">
                <div class="tb_l">
                    <div class="img_box " style="height: 100%;"><a href="#"><img src="upload/shouji00.png"
                                alt="" style="height: 100%;"></a></div>
                </div>
                <div class="tb_r">
                    <div class="tb_r_t">
                        <ul class="tb_r_t_content">
                            <li>
                                <div class="img_box mb20"><a href="#"><img src="upload/newimg3.jpg"
                                            alt=""></a></div>
                                <h3 class="black mb20">Galaxy F52 5G <span>薄暮黑</span></h3>
                                <p class="black">限时立省<span class="jiacu">3000</span>元</p>
                                <p class="blue jiacu">￥16,999.00 &nbsp;&nbsp;<span class="gray">￥19,999.00</span></p>
                            </li>
                            <li>
                                <div class="img_box mb20"><a href="#"><img src="upload/newimg3.jpg"
                                            alt=""></a></div>
                                <h3 class="black mb20">Galaxy F52 5G <span>薄暮黑</span></h3>
                                <p class="black">限时立省<span class="jiacu">3000</span>元</p>
                                <p class="blue jiacu">￥16,999.00 &nbsp;&nbsp;<span class="gray">￥19,999.00</span></p>
                            </li>
                            <li>
                                <div class="img_box mb20"><a href="#"><img src="upload/newimg3.jpg"
                                            alt=""></a></div>
                                <h3 class="black mb20">Galaxy F52 5G <span>薄暮黑</span></h3>
                                <p class="black">限时立省<span class="jiacu">3000</span>元</p>
                                <p class="blue jiacu">￥16,999.00 &nbsp;&nbsp;<span class="gray">￥19,999.00</span></p>
                            </li>
                            <li>
                                <div class="img_box mb20"><a href="#"><img src="upload/newimg3.jpg"
                                            alt=""></a></div>
                                <h3 class="black mb20">Galaxy F52 5G <span>薄暮黑</span></h3>
                                <p class="black">限时立省<span class="jiacu">3000</span>元</p>
                                <p class="blue jiacu">￥16,999.00 &nbsp;&nbsp;<span class="gray">￥19,999.00</span></p>
                            </li>
                        </ul>
                    </div>
                    <div class="tb_r_b">
                        <ul class="tb_r_b_content">
                            <li>
                                <div class="img_box mb20"><a href="#"><img src="upload/newimg3.jpg" alt=""
                                            style="width: 165px
                                    ;"></a></div>
                                <h3 class="black mb20">Galaxy F52 5G <span>薄暮黑</span></h3>
                                <p class="black">限时立省<span class="jiacu">3000</span>元</p>
                                <p class="blue jiacu">￥16,999.00 &nbsp;&nbsp;<span class="gray">￥19,999.00</span></p>
                            </li>
                            <li>
                                <div class="img_box mb20"><a href="#"><img src="upload/newimg3.jpg" alt=""
                                            style="width: 165px
                                    ;"></a></div>
                                <h3 class="black mb20">Galaxy F52 5G <span>薄暮黑</span></h3>
                                <p class="black">限时立省<span class="jiacu">3000</span>元</p>
                                <p class="blue jiacu">￥16,999.00 &nbsp;&nbsp;<span class="gray">￥19,999.00</span></p>
                            </li>
                            <li>
                                <div class="img_box mb20"><a href="#"><img src="upload/newimg3.jpg" alt=""
                                            style="width: 165px
                                    ;"></a></div>
                                <h3 class="black mb20">Galaxy F52 5G <span>薄暮黑</span></h3>
                                <p class="black">限时立省<span class="jiacu">3000</span>元</p>
                                <p class="blue jiacu">￥16,999.00 &nbsp;&nbsp;<span class="gray">￥19,999.00</span></p>
                            </li>
                            <li>
                                <div class="img_box mb20"><a href="#"><img src="upload/newimg3.jpg" alt=""
                                            style="width: 165px
                                    ;"></a></div>
                                <h3 class="black mb20">Galaxy F52 5G <span>薄暮黑</span></h3>
                                <p class="black">限时立省<span class="jiacu">3000</span>元</p>
                                <p class="blue jiacu">￥16,999.00 &nbsp;&nbsp;<span class="gray">￥19,999.00</span></p>
                            </li>

                        </ul>
                    </div>
                </div>

            </div>

        </div>
    </div>
    <!--  页面底部-->
    <div class="footer ">
        <div class="footer-column">
            <div class="footer-columnw">
                <div class="footer-column-icon">
                    <div class="footer-column-items">
                        <a href="#">
                            <i class="icon"></i>
                            <span>专业客服团队 / 提供当季优惠信息</span>
                        </a>
                    </div>
                    <div class="footer-column-items">
                        <a href="#">
                            <i class="icon icon-car"></i>
                            <span>7天无理由退货15天换货</span>
                        </a>
                    </div>
                </div>
                <div class="footer-column-item">
                    <div class="footer-category">
                        <strong class="footer-category__title">产品</strong>
                        <ul>
                            <li><a href="#">智能手机</a></li>
                            <li><a href="#">可穿戴设备</a></li>
                            <li><a href="#">平板/电脑/储存</a></li>
                            <li><a href="#">智能产品配件</a></li>
                            <li><a href="#">电视/影音/显示器</a></li>
                        </ul>

                    </div>
                    <div class="footer-category">
                        <strong class="footer-category__title">我的三星</strong>
                        <ul>
                            <li><a href="#">我的订单</a></li>
                            <li><a href="#">我的积分</a></li>
                            <li><a href="#">优惠券</a></li>
                            <li><a href="#">个人资料</a></li>
                            <li><a href="#">收货地址</a></li>
                        </ul>


                    </div>

                </div>
                <div class="footer-column-item">
                    <div class="footer-category">
                        <strong class="footer-category__title">网上商城指南</strong>
                        <ul>
                            <li><a href="#">账号注册和登录 </a></li>
                            <li><a href="#"> 会员及优惠 </a></li>
                            <li><a href="#"> 订单操作 </a></li>
                            <li><a href="#"> 支付相关 </a></li>
                            <li><a href="#"> 物流相关 </a></li>
                            <li><a href="#"> 发票和售后服务 </a></li>
                        </ul>
                    </div>
                    <div class="footer-category">
                        <strong class="footer-category__title">服务支持</strong>
                        <ul>
                            <li><a href="#">关于商城</a></li>
                            <li><a href="#"> 关于三星</a></li>
                            <li><a href="#"> 售后网点查询</a></li>
                            <li><a href="#"> 联系我们</a></li>

                        </ul>
                    </div>

                </div>
            </div>


        </div>
        <div class="footer-columnr">
            <div class="mt18">
                <ul>
                    <li class="icon icon-hand"></li>
                    <li>官方正品请安心购买</li>
                </ul>
            </div>
            <div class="mt18">
                <ul>
                    <li class="icon icon-phone"></li>
                    <li>
                        <p>服务中心</p>
                        <p style="font-weight: 600; font-size: 14px;">400-071-8899 (09：00~22：00)</p>
                    </li>
                </ul>
            </div>
            <div class="group-icon">
                <ul>
                    <li style="color: #000;">关注我们</li>


                    <li>
                        <ul>
                            <a href="#">
                                <li>
                                    <div class="icon icon-wx">

                                    </div>
                                    公众号
                                </li>

                            </a>
                            <a href="#">
                                <li>
                                    <div class="icon icon-wb">

                                    </div>
                                    微博
                                </li>

                            </a>
                            <a href="#">
                                <li>
                                    <div class="icon icon-app">

                                    </div>
                                    下载app
                                </li>

                            </a>
                        </ul>
                    </li>



                </ul>
            </div>
        </div>



    </div>
    <div class="footer-bottom">
        <div class="footer-language-wrap">
            <div>
                <ul>
                    <li><a href="#">隐私政策</a></li>
                    <li><a href="#">用户协议</a></li>
                </ul>
            </div>
            <div>
                <ul>
                    <li><a href="#">© 1995-2021 三星（中国）投资有限公司 版权所有</a></li>
                </ul>
            </div>
            <div>
                <ul>
                    <li><a href="#"><i><img src="images/icon-ga.png" alt=""
                                    style="vertical-align: middle;"></i> 京公网安备
                            11010502037127号 京ICP备18036817号-2 <i><img src="images/icon-yyzz.png" alt=""
                                    style="width: 18px;"></i> 营业执照</a></li>

                </ul>
            </div>
            <div>
                <ul>
                    <li><a href="#">三星（中国）投资有限公司授权北京鹏泰宝尊电子商务有限公司运营三星网上商城并销售产品</a></li>

                </ul>
            </div>


        </div>
    </div>
    <!--footer end  -->

   <script>
    var btn = document.querySelector('.notice_close')
    var notices = document.querySelector('.notices')
    btn.addEventListener('click', function () {
        notices.style.display = 'none'
    })

    var ipt = document.querySelector('.search_ipt')
    ipt.addEventListener('focus', function () {
        ipt.className = 'search_ipt border'
        if (ipt.value == '超级星期三') {
            ipt.value = ''
        }

    })
    ipt.addEventListener('blur', function () {
        ipt.className = 'search_ipt'
        if (ipt.value == '') {
            ipt.value = '超级星期三'
        }
    })
   

</script>
</body>

</html>